@font-face {
    font-family: 'Bradley Hand ITC';
    src: url('BRADHITC.TTF') format('truetype');
         
}


body, h1, h2, h3, h4, h5, h6, p, span{font-family: "Bradley Hand ITC"}
body{height: 100%; width: 100%; background: #000;}
.pagina{width: 100%; background: #000; height: 100%; position: fixed;}
#jpreSlide{background: url('../') no-repeat center top; height: 50%}
#jpreLoader{height: 3px; background: #000; box-shadow: none}
#jpreBar{background: #ffffff}
#jprePercentage{margin-top: 10px}

.ventana{height: 100%;  width: 100%; overflow: hidden; background: #000; position: relative;margin-left: auto; margin-right: auto;}
/* Estilos de clases */
section{ position: relative;text-align: center; width: 100%; height: 100%;}
#escena0{background: url('') repeat;background-size: 100%; background-position: 0% 0%; top: 0; height: 100%; width: 100%;}
/* Estilos de identificadores */

.intro-rotulo{display: table;height:100%; width: 400%; text-align: center;left: -150%; position: absolute; z-index: 11; top: 0%;}
.rotulo{display: table-cell;vertical-align: middle; font-family: "Bradley Hand ITC"; z-index: 11; text-align: center; text-shadow:0px 0px 40px rgba(255,255,255,0); color: rgba(255,255,255,0);}
.intro-fondo{ position: absolute; left: 0; top: 0; z-index: 10; width: 100%; height: 100%;background: #000;}

.intro-rotulo2{position: absolute;display: block;top: 50%; left: 50%}
.rotulo2{display: none;position: absolute; top: 50%; left: 50%; text-align: center; font-family: "Times new roman"; z-index: 11;}

.intro-logo{display: block;}
.intro-logo img{width: 100%}
.intro-logo .logo-texto{position: absolute; width: 400px; top: 150px; left: 50%; margin-left: -200px; top: 50%; margin-top: -20px;opacity: 0; z-index: 11}
.intro-logo .scroll {width: 100px;position: absolute; width: 50px; top: 350px; left: 50%; margin-left: -25px; top: 50%; margin-top: 130px;opacity: 0; z-index: 11}

#escena1{position: absolute; left: 0; top: 0}
#escena1 .imagen{position: absolute; display: block; }

#escena1 #e1-capa1 {width: 850px;  left: 100%; margin-left: 0px;top:50%; margin-top: 0px;z-index: 45; }
#escena1 #e1-capa2 {width: 900px; left: 100%; margin-left: 0px;top:0%; z-index: 40;}
#escena1 #e1-capa3 {width: 1000px; left: 100%; margin-left: 0px;top:20%; z-index: 35;}
#escena1 #e1-capa4 {width: 950px; left: 100%; margin-left: 0px;top:0%; z-index: 30;}
#escena1 #e1-capa5 {width: 800px; left: 100%; margin-left: 0px;top:55%; margin-top: 0px; z-index: 25 }
#escena1 #e1-capa6 {width: 1200px;  left: 100%; margin-left: 0px; top:30%; z-index: 5; }
#escena1 #e1-capa7 {width: 1400px;  left: 100%; margin-left: 0px;top:30%; margin-top: 0px;z-index: 25; }
#escena1 #e1-capa8 {width: 900px; left: 100%; margin-left: 0px;top:30%; z-index: 20;}
#escena1 #e1-capa9 {width: 900px; left: 100%; margin-left: 0px;top:40%; z-index: 35;}
#escena1 #e1-capa10 {width: 1050px; left: 100%; margin-left: 0px;top:40%; z-index: 30;}
#escena1 #e1-capa11 {width: 1000px; left: 100%; margin-left: 0px;top:30%; z-index: 25 }
#escena1 #e1-capa12 {width: 900px;  left: 100%; margin-left: 0px; top:-10%; z-index: 20; }
#escena1 #e1-capa13 {width: 850px;  left: 100%; margin-left: 0px; top:0%; z-index: 5; }
#escena1 #e1-capa14 {width: 1800px;  left: 100%; margin-left: 0px; z-index: 5; }
#escena1 h2.texto{color: #fff; position: absolute;z-index: 99;top: 40%; left: 101%; font-size: 4em; width: 100%; text-align: left; font-weight: lighter; line-height: 1em}
#escena1 h2.texto2{color: #fff; position: absolute;z-index: 99;top: 40%; left: 101%; font-size: 2em; width: 100%; text-align: left;}